{//导航}
<nav class="tm-navbar uk-navbar uk-navbar-attached">
    <div class="uk-container uk-container-center">

        <a class="uk-navbar-brand uk-hidden-small" href="index.html">
        <img class="uk-margin uk-margin-remove" src="docs/images/logo_uikit.svg" width="90" height="30" title="UIkit" alt="UIkit"></a>

        <ul class="uk-navbar-nav uk-hidden-small">
            <li><a href="docs/documentation_get-started.html">开始使用</a></li>
            <li><a href="docs/core.html">核心组件</a></li>
            <li><a href="docs/components.html">附加组件</a></li>
        </ul>

        <a href="#tm-offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas></a>

        <div class="uk-navbar-brand uk-navbar-center uk-visible-small"><img src="docs/images/logo_uikit.svg" width="90"
                                                                            height="30" title="UIkit" alt="UIkit"></div>

    </div>
</nav>

{//Mobile 导航}
<div id="tm-offcanvas" class="uk-offcanvas">

    <div class="uk-offcanvas-bar">

        <ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav="{ multiple: true }">
            <li class="uk-parent"><a href="#">UIkit 中文文档</a>
                <ul class="uk-nav-sub">
                    <li><a href="docs/documentation_get-started.html">开始使用</a></li>
                    <li><a href="docs/documentation_how-to-customize.html">如何定制</a></li>
                    <li><a href="docs/documentation_layouts.html">布局示例</a></li>
                    <li><a href="docs/core.html">核心组件</a></li>
                    <li><a href="docs/components.html">附加组件</a></li>
                    <li><a href="docs/documentation_project-structure.html">项目结构</a></li>
                    <li><a href="docs/documentation_less-sass.html">Less & Sass 文件</a></li>
                    <li><a href="docs/documentation_create-a-theme.html">创建主题</a></li>
                    <li><a href="docs/documentation_create-a-style.html">创建样式</a></li>
                    <li><a href="docs/documentation_customizer-json.html">Customizer.json</a></li>
                    <li><a href="docs/documentation_javascript.html">JavaScript</a></li>
                    <li><a href="docs/documentation_custom-prefix.html">自定义前缀</a></li>
                </ul>
            </li>
            <li class="uk-nav-header">Core</li>
            <li class="uk-parent"><a href="#"><i class="uk-icon-wrench"></i> 默认</a>
                <ul class="uk-nav-sub">
                    <li><a href="docs/base.html">基础</a></li>
                    <li><a href="docs/print.html">打印</a></li>
                </ul>
            </li>
            <li class="uk-parent"><a href="#"><i class="uk-icon-th-large"></i>布局类组件</a>
                <ul class="uk-nav-sub">
                    <li><a href="docs/grid.html">网格</a></li>
                    <li><a href="docs/panel.html">面板</a></li>
                    <li><a href="docs/block.html">块</a></li>
                    <li><a href="docs/article.html">文章</a></li>
                    <li><a href="docs/comment.html">评论</a></li>
                    <li><a href="docs/utility.html">效果</a></li>
                    <li><a href="docs/flex.html">Flex</a></li>
                    <li><a href="docs/cover.html">覆盖</a></li>
                </ul>
            </li>
            <li class="uk-parent"><a href="#"><i class="uk-icon-bars"></i>导航类组件</a>
                <ul class="uk-nav-sub">
                    <li><a href="docs/nav.html">导航菜单</a></li>
                    <li><a href="docs/navbar.html">导航栏</a></li>
                    <li><a href="docs/subnav.html">二级导航</a></li>
                    <li><a href="docs/breadcrumb.html">面包屑</a></li>
                    <li><a href="docs/pagination.html">分页</a></li>
                    <li><a href="docs/tab.html">选项卡</a></li>
                    <li><a href="docs/thumbnav.html">缩略图导航</a></li>
                </ul>
            </li>
            <li class="uk-parent"><a href="#"><i class="uk-icon-check"></i>页面元素</a>
                <ul class="uk-nav-sub">
                    <li><a href="docs/list.html">列表</a></li>
                    <li><a href="docs/description-list.html">描述列表</a></li>
                    <li><a href="docs/table.html">表格</a></li>
                    <li><a href="docs/form.html">表单</a></li>
                </ul>
            </li>
            <li class="uk-parent"><a href="#"><i class="uk-icon-folder-open"></i> 常用组件</a>
                <ul class="uk-nav-sub">
                    <li><a href="docs/button.html">按钮</a></li>
                    <li><a href="docs/icon.html">图标</a></li>
                    <li><a href="docs/close.html">关闭</a></li>
                    <li><a href="docs/badge.html">徽章</a></li>
                    <li><a href="docs/alert.html">提示框</a></li>
                    <li><a href="docs/thumbnail.html">缩略图</a></li>
                    <li><a href="docs/overlay.html">遮罩</a></li>
                    <li><a href="docs/text.html">文本</a></li>
                    <li><a href="docs/column.html">列</a></li>
                    <li><a href="docs/animation.html">动画</a></li>
                    <li><a href="docs/contrast.html">对比度</a></li>
                </ul>
            </li>
            <li class="uk-parent"><a href="#"><i class="uk-icon-magic"></i>JavaScript组件</a>
                <ul class="uk-nav-sub">
                    <li><a href="docs/dropdown.html">下拉菜单</a></li>
                    <li><a href="docs/modal.html">模态对话框</a></li>
                    <li><a href="docs/offcanvas.html">抽屉</a></li>
                    <li><a href="docs/switcher.html">切换器</a></li>
                    <li><a href="docs/toggle.html">拨动</a></li>
                    <li><a href="docs/scrollspy.html">滚动监听</a></li>
                    <li><a href="docs/smooth-scroll.html">平滑滚动</a></li>
                </ul>
            </li>
            <li class="uk-nav-header">附加组件</li>
            <li class="uk-parent"><a href="#"><i class="uk-icon-th-large"></i>布局类组件</a>
                <ul class="uk-nav-sub">
                    <li><a href="docs/grid-js.html">动态网格</a></li>
                    <li><a href="docs/grid-parallax.html">视差网格</a></li>
                </ul>
            </li>
            <li class="uk-parent"><a href="#"><i class="uk-icon-bars"></i>导航类组件</a>
                <ul class="uk-nav-sub">
                    <li><a href="docs/dotnav.html">圆点导航</a></li>
                    <li><a href="docs/slidenav.html">滑动导航</a></li>
                    <li><a href="docs/pagination-js.html">动态分页</a></li>
                </ul>
            </li>
            <li class="uk-parent"><a href="#"><i class="uk-icon-folder-open"></i> 常用组件</a>
                <ul class="uk-nav-sub">
                    <li><a href="docs/form-advanced.html">高级表单</a></li>
                    <li><a href="docs/form-file.html">文件表单</a></li>
                    <li><a href="docs/form-password.html">密码表单</a></li>
                    <li><a href="docs/form-select.html">选择表单</a></li>
                    <li><a href="docs/placeholder.html">占位符</a></li>
                    <li><a href="docs/progress.html">进度条</a></li>
                </ul>
            </li>
            <li class="uk-parent"><a href="#"><i class="uk-icon-magic"></i>JavaScript组件</a>
                <ul class="uk-nav-sub">
                    <li><a href="docs/lightbox.html">灯箱</a></li>
                    <li><a href="docs/autocomplete.html">自动完成</a></li>
                    <li><a href="docs/datepicker.html">日期选择器</a></li>
                    <li><a href="docs/htmleditor.html">HTML 编辑器</a></li>
                    <li><a href="docs/slider.html">滚动条</a></li>
                    <li><a href="docs/slideset.html">滑块集</a></li>
                    <li><a href="docs/slideshow.html">幻灯片</a></li>
                    <li><a href="docs/parallax.html">视差</a></li>
                    <li><a href="docs/accordion.html">手风琴</a></li>
                    <li><a href="docs/notify.html">通知</a></li>
                    <li><a href="docs/search.html">搜索</a></li>
                    <li><a href="docs/nestable.html">可嵌套</a></li>
                    <li><a href="docs/sortable.html">可排序</a></li>
                    <li><a href="docs/sticky.html">附着</a></li>
                    <li><a href="docs/timepicker.html">时间选择器</a></li>
                    <li><a href="docs/tooltip.html">工具提示</a></li>
                    <li><a href="docs/upload.html">上传</a></li>
                </ul>
            </li>
            <li class="uk-nav-divider"></li>
            <li><a href="showcase/index.html">案例展示</a></li>
            <li><a href="docs/tutorials.html">视频教程</a></li>
        </ul>

    </div>
</div>